<!DOCTYPE html>
<html>

<head>
	<title>登录-Java在线考试系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,400' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
	<!-- CSS Libs -->
	<link rel="stylesheet" type="text/css" href="static/lib/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/animate.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/bootstrap-switch.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/checkbox3.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/jquery.dataTables.min.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/dataTables.bootstrap.css">
	<link rel="stylesheet" type="text/css" href="static/lib/css/select2.min.css">
	<!-- CSS App -->
	<link rel="stylesheet" type="text/css" href="static/css/style.css">
	<link rel="stylesheet" type="text/css" href="static/css/themes/flat-blue.css">
</head>

<body class="flat-blue login-page">
<div class="container">
	<div class="login-box">
		<div>
			<div class="login-form row">
				<div class="col-sm-12 text-center login-header">
					<i class="login-logo fa fa-connectdevelop fa-5x"></i>
					<h4 class="login-title">在线考试系统</h4>
				</div>
				<div class="col-sm-12">
					<div class="login-body">
						<div class="progress hidden" id="login-progress">
							<div class="progress-bar progress-bar-success progress-bar-striped active"
							     role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"
							     style="width: 100%">
								Log In...
							</div>
						</div>
						<div class="control">
							<input type="text" class="form-control" placeholder="用户身份证号/管理员账号" id="name"/>
						</div>
						<div class="control">
							<input type="password" class="form-control" placeholder="请输入密码" id="password"/>
						</div>
						<div class="login-button text-center">
							<button class="btn btn-info" id="student">学员登录</button>
							<button class="btn btn-primary" id="admin">管理登录</button>
						</div>
						<div class="panel-heading">
							<a style="text-decoration: none" href="javascript:" class="pull-right" data-toggle="modal"
							   data-target="#myModal">考生注册</a>
						</div>
					</div>
					<div class="login-footer">
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					注册
				</h4>
			</div>
			<div class="modal-body">
				<form id="updatenews" action="student" method="post">
					<div class="panel-body">
						<input name="effect" value="1" hidden>
						<input id="option" name="option" value="CCC" hidden>
						<div class="form-group">
							<label for="exampleInputPassword1">姓名</label>
							<input type="text" class="form-control" name="name"
							       placeholder="请输入姓名">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">密码</label>
							<input type="password" class="form-control" name="password"
							       placeholder="请输入6~20位密码">
						</div>
						<div class="form-group">
							<label for="exampleInputPassword1">身份证</label>
							<input type="number" class="form-control" name="ident"
							       placeholder="请输入18位身份证">
						</div>
					</div>
				</form>

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				<button id="update" type="button" class="btn btn-primary">
					提交更改
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

<!-- Javascript Libs -->
<script type="text/javascript" src="static/lib/js/jquery.min.js"></script>
<script type="text/javascript" src="static/lib/js/bootstrap.min.js"></script>
<script type="text/javascript" src="static/lib/js/Chart.min.js"></script>
<script type="text/javascript" src="static/lib/js/bootstrap-switch.min.js"></script>
<script type="text/javascript" src="static/lib/js/jquery.matchHeight-min.js"></script>
<script type="text/javascript" src="http://malsup.github.io/jquery.form.js"></script>
<script type="text/javascript" src="static/js/home.js"></script>

</body>
</html>